import Vue from 'vue';
import customDialog from './custom-dialog';

const customDialogs = Vue.extend(customDialog);

function myDialog(options) {
	options = options || {};
	if (typeof options === 'string') {
		options = {};
	}
	// 实例化子组件，然后获取到DOM结构并挂载到body上
	const childCustomDialogs = new customDialogs({
		data: options,
		methods: {
			open() {
				this.show = true;
			},
			close() {
				this.show = false;
				setTimeout(() => {
					this.$destroy();
				}, 300);
			}
		}
	});
	childCustomDialogs.vm = childCustomDialogs.$mount();
	document.getElementById('app').appendChild(childCustomDialogs.vm.$el);
	return childCustomDialogs;
}

export default myDialog;
